<template>
	<!-- 活动专区 -->
	<view class='rectangle bor-r18 bshow6'>
		<view class="title-bar">
			<view class="title-text">{{titleName}}</view>
			<view @click='activityIntro'>
				<view class="more">更多</view>
				<view class="vector_img">
					<image src="../../../static/images/vector.png" mode=""></image>
				</view>
			</view>

		</view>

		<view style=" margin-top: 54rpx;margin-left:25rpx;margin-right:15rpx;" class="border-b-EEEEEE"
			@click="goDetail(item.id,item.price,item.clinc_score_id)" v-for="(item,index) in activityList"
			:key="item.id">
			<view class="flex">
				<view class="activity_text">问诊主题：</view>
				{{item.clinc_theme}}
			</view>
			<view class="flex mar_15">
				<view class="activity_text doc_name ">问诊医生：</view>
				<x-doctor-once :item="item.doctor" isIndex='true' />
			</view>
			<view class="flex mar_15">
				<view class="activity_text ">问诊时间：</view>
				{{item.inquiry_time}}
			</view>
			<view class="flex mar_15" style="margin-bottom: 20rpx;">
				<view class="activity_text ">问诊地点：</view>
				{{item.inquiry_address}}
			</view>


		</view>

		<view class="aj-center" style="width: 100%;height:100rpx;" v-if="null==activityList||activityList.length==0">
			<view class="">
				暂无更多
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		props: {
			titleName: {
				type: String,
				default: ''
			}
		},
		data() {
			return {
				activityList: [], //活动列表
			}
		},
		onLoad() {},

		methods: {
			// 刚开始加载一次
			getActivityList() {
				this.$https('doctindex.activityList', '', '', '', {
					'content-type': 'FORM-DATA'
				}).then(res => {
					if (res.code === 1) {
						this.activityList = res.data
						console.log(res.data)
					}
				}).catch(e => {
					// reject(e)
				});
			},
			goDetail(doctorId, price, detailId) {
				// 去报名
				uni.navigateTo({
					url: '/pages/outpatient/signUp?clinc_activity_id=' + doctorId +
						'&price=' + price + '&store_id=' + detailId
				})
			},
			// 跳转活动社区门诊店
			activityIntro() {
				uni.navigateTo({
					url: '/pages/outpatient/outpatientList'
				})
			},


		},

	}
</script>


<style scoped>
	image {
		width: 100%;
		height: 100%;
	}

	.rectangle {
		/* Rectangle 4062 */
		/* z-index: -3; */
		position: relative;
		width: 700rpx;
		/* height: 450rpx; */
		margin-left: 28rpx;
		margin-right: 28rpx;
		margin-bottom: 28rpx;
		/* top: 62rpx; */
		margin-top: 52rpx;
		background: #ffffff;
		border-radius: 8rpx;
		text-align: center;
	}

	.title-bar {
		display: flex;
		height: 25px;
	}

	.title-text {
		/* 活动专区 */

		position: relative;
		width: 304rpx;
		height: 48rpx;
		margin-left: 28rpx;
		margin-top: 20rpx;
		font-family: 'PingFang SC';
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		line-height: 34rpx;
		display: flex;
		align-items: center;
		color: #111111;


	}

	.more {
		/* 更多 */
		// position: absolute;
		position: relative;
		width: 50rpx;
		// height: 52rpx;
		left: 262rpx;
		margin-top: 20rpx;
		top: 2rpx;

		font-family: 'PingFang SC';
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 17px;
		display: flex;
		align-items: center;

		color: #777777;
		margin-right: 10rpx;
		// text-align: right;

	}

	.vector_img {
		position: relative;
		/* Vector */
		height: 20rpx;
		width: 20rpx;
		left: 315rpx;
		align-items: center;
		display: flex;
		top: -25rpx;


	}

	.flex {
		display: flex;
	}

	.activity_text {
		font-family: PingFang SC;
		font-size: 13px;
		font-weight: 400;
		/* line-height: 18px; */
		letter-spacing: 0em;
		text-align: left;
		margin-right: 10rpx;
		/* margin-right:60rpx; */
	}

	.doc_name {
		width: 90rpx;
		word-break: keep-all;
		/* 不换行 */
	}

	.mar_15 {
		margin-top: 15rpx;
	}

	.border-b-EEEEEE {
		border-bottom: 1rpx solid #EEEEEE;
	}

	.bor-r18 {
		border-radius: 18rpx;
	}

	.bshow6 {
		box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
	}
</style>
